<template>
  <div class="new">
    <div class="title">星期一到星期四·新品首发</div>
    <van-swipe :loop="false" :width="340">
      <van-swipe-item v-for="item in topicList" :key="item.id">
        <img :src="item.scene_pic_url" alt="">
        <div class="txt">
          <h4> {{item.title}} </h4> 
          <span> {{item.price_info | yuan}}起</span>
        </div>
        <p class="van-ellipsis"> {{item.subtitle}} </p>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>
 
<script>
export default {
  props: ["topicList"],
};
</script>
 
<style lang = "less" scoped>
.new {
  background: #fff;
  margin-top: 20px;
  .van-swipe-item{
    padding: 0 5px;
    box-sizing: border-box;
    img{
      width: 100%;
      height: 200px;
    }
    p{
      color: #666;
      font-size: 12px;
      padding-bottom: 5px;
    }
    .txt{
      display: flex;
      font-size: 16px;
      height: 40px;
      line-height: 40px;
      span{
        color: darkred;
      }
    }
  }
}
/deep/.van-swipe__indicator{display: none;}
</style>